@charset "utf-8";
/* Page structure */

/*---------------------------------------------------------------------------------------------
[Login Layout]

*body
      +Loginbox
	     -Logintitle
      +loginform
	     -logincontent
      
----------------------------------------------------------------------------------------------*/

/*----------------Login Page-----------------------------------*/
html,body{
	margin:0;
	height:100%;
	/*background-color: #002F5E;*/
}
div, ul, li, p, img { margin:0; padding:0; border:0; list-style:none; } 

.leftfloat{
	float:left;
	}
.rightfloat{
	float:right;
	}
#loginbox{
	width:950px;
	height:100%;
	margin:0px auto;
	background-image: url(../images/login-bg.gif);
}
#logintitle{
	width:100%;
	height:74px;
}
#loginform{
	width:529px;
	height:276px;
	background-image: url(../images/login-form-bg.jpg);
	background-repeat: no-repeat;
	margin:50px auto 0 auto;
	position:relative;
}
#logincontent{
	width:150px;
	position:absolute;
	top:80px;
	left:220px;
	height: 162px;
}
.logininput{
	background-color: #f5f5f5;
	border: 1px solid #dbdcd7;
	height: 22px;
	margin-bottom:14px;
	font-family: tahoma;
	font-size: 12px;
	color:#666;
}
#logincontent button{ 
	clear:both;
	height:24px;
	background:#888888;
	color:#FFFFFF;
	border:solid 1px #666666;
	font-size:11px;
	font-weight:bold;
	padding:0px 6px;
	margin-top:14px;
	}
#logincontent select{ 
	background:#999;
	color:#FFFFFF;
	border:solid 1px #666666;
	font-size:12px;
	font-weight:bold;
	}
#loginform h1{
	font-family: arial;
	font-size: 12px;
	color: #0f6591;
	font-weight: bold;
	padding:28px 0 0 40px;
	background-color:transparent;
}
/*------------------- Main Page ---------------------------------------------------------- */
body{
	font-family: tahoma;
	font-size: 12px;	
	}

#nav a{
	display:block;
	color: #981793;
	padding:10px;
	}
.mainContent h1{
	font-size:14px;
	color:#fff;
	background-color:#0076bf;
	display:block;
	height:18px;
	padding:0px 0 8px 10px;
	font-weight: bold;
	}

div#header{
	height:55px;
	line-height:21px;
	margin:0;
    padding-left:0;
	background:url(../images/header_bg_1.gif) no-repeat top left;
	}
div#header span{
	float:right;
	width:auto;
	color:#333;
	padding-top:5px;
	margin-right:15px;
	}
div#header img{
	float:left;
	}
	
/*-------------- BBS HEADER -----------------*/
div#header1{
	height:47px;
	line-height:30px;
	margin:0;
    padding-left:0;
	background:#4c778a url(../images/header-bg2.jpg) no-repeat top left;
	}
div#header1 span{
	float:right;
	width:180px;
	color:#E7F8FE;
	padding-top:5px;
	}
div#header1 img{
	float:left;
	}
div#nav{
	height:42px;	
	background: #dadada url(../images/nav-bg.gif) repeat-x top left;	
	}
#nav ul{
	display:block;
	margin:0 5px;
	list-style:none;
	}
#nav ul li{
	float:left;
	margin-right:10px;
	}
	
#nav li a:hover, #nav li a.active{
	background:#ededed;
	color:#000;	
	}

#nav li a{
	color:#818181;
	font-weight:bold;
	text-decoration: none;
	}

#main {
	background-color:#FFF;
    height:100%;
}


.box, div#box1, div#box2, div#bulletins{
	margin:0px 10px 0 10px;
	display: inline;
	float:left;
	width:250px;
	}

div#box1{ float:left; }

fieldset {
	margin:0 5px 5px 5px; 
	padding: 1em;
	border : 1px solid #B7B7B7;
}

div#box2, div#bulletins{
	clear:both;
	width:280px;
	margin-bottom:10px;
}

#topo dl{ margin:5px 10px;}
#topo dl dt{ font-weight:bold;}
#topo dl dd{ margin-bottom:10px;}
.bar{
	margin:0 10px;
	font-size: 12px;
	color: #06C;
	font-weight: bold;
	}
.h-bar{
	height:20px; background-color:#81C2D8; margin-bottom:5px; font-weight:bold; color:#033}
	
div#wrapper{
	float:left;
	width:100%;
	margin-top:3px;
	background-color:#fff;
    background:url(../images/rrs_t3.gif) repeat-y 10px;
	}
div#content{
	float:right;
	height:100%;
	margin-right:10px;
	}
* html div#content{
	margin-right:5px;
	}

.mainContent{
	width:714px;
	background:#fff;
	margin-bottom:5px;
	}

#topo{padding:5px 10px 10px 10px;}


div#footer{
	clear:both;
	width:100%;
	height:80px;
	background: url(../images/rrs_t7.gif) no-repeat center top;
	}
div#footer p{
	position:absolute;
	margin:55px 0 0 30px;
	color:#069;
	}
div#footer img{
	position:absolute;
	margin:40px 0 0 30px;
	}

/*---------------------  Sub Page ----------------------------------------------------*/
#container{
	width:994px;
	margin:0 auto;
}


/*======================================090920 Add NewStyle ===============================================*/
.buttonStyle1    { width:90px; height:22px; background:url(../images/button_bg_2.gif) no-repeat; border:none; cursor:pointer;}
.buttonStyle2    { width:50px; height:22px; background:url(../images/button_bg_3.gif) no-repeat; border:none; cursor:pointer;}
.buttonStyle_del { width:80px; height:22px; background:url(../images/close-icon.gif) no-repeat left center; border:none; cursor:pointer;}

a.picButton      { display:block; float:left; line-height:22px; height:22px; padding:0 0 0 3px; background:url(../images/button_bg_1.gif) no-repeat; white-space:nowrap; cursor:pointer;}
a.picButton span { float:right; width:6px; height:22px; font-size:0px; background:url(../images/button_bg_1.gif) no-repeat right top;}
a.picButton img  { width:16px; height:16px; vertical-align:-3px;}

.bf { font-weight:bold; }
.red{ color:#C00;}
.blue{ color:#00F;}

/* main.html */
#box1 .box1_top      { background-color:#FFF; margin:0; padding:0; line-height:0;}
#box1 .box1_top img  { margin-top:15px; }

#box1 .leftBox       { width:228px; background:url(../images/rrs_t16.gif) repeat-y; margin:0px auto; }
#box1 .leftBox h1    { height:42px; padding:0;}
#box1 .leftBox h1 img{}
#box1 .leftBox .cbox { width:210px; margin:5px auto; }
#box1 .leftBox p     { display:block; width:100%; height:5px; background-color:#06C; background:url(../images/rrs_t17.gif) no-repeat left bottom;}

.mainContent h1{ width:714px; height:52px; line-height:52px; padding:0; background:url(../images/rrs_t6.gif) no-repeat; /*text-indent:10px;*/}
.mainContent h1 img { float:left; margin-left:10px; }
.mainContent h1 span{ vertical-align:-5px; }
.mainContent h1 EM  { top:19px; text-indent:0; margin-right:20px; }
.mainContent h1 EM a.whitelink:link{ color:#FFF; font-size:12px; font-weight:100;}

.mainContent .ContentBlock { width:712px; min-height:400px; border:1px solid #dedee0; border-top:none; background-color:#fffadc;}
* html .mainContent .ContentBlock { height:400px; }

.Toolbar { line-height:30px; height:30px; background:url(../images/rrs_t10.gif) repeat-x;}
.Toolbar span { display:block; width:5px; background:url(../images/rrs_t9.gif) no-repeat left center; float:left;}
.Toolbar p    { display:block; width:5px; background:url(../images/rrs_t9.gif) no-repeat right center; float:right;}
.Toolbar a    { display:block; margin:0 7px 0 0; float:left; cursor:pointer; }
.Toolbar a img{ vertical-align:-4px; }
* html .Toolbar a { padding-top:7px;}
* html .Toolbar .spaceLine_v{ cursor:default; padding-top:2px; }

/* find resources */
.findBlock { width:690px; margin:0 auto; background:url(../images/find_bg_2.gif) repeat-y;}
.findBlockTop { height:4px; background:url(../images/find_bg_top.gif) no-repeat top left; font-size:0px;}
.findBlockContent { height:130px; background:url(../images/find_bg_1.gif) no-repeat bottom left; padding:10px 20px 20px 20px; }
.findBlockContent ul      { position:relative;}
.findBlockContent li      { display:block; position:absolute;}
.findBlockContent li p    { display:block; float:right;}
.findBlockContent li span { display:block; float:left;} 
.name      { width:620px; top:0px;}
.Type      { width:300px; top:30px; }
.Location  { width:250px; top:30px; left:370px;}
.StartDate { width:300px; top:60px;}
.EndDate   { width:300px; top:90px;}
.Setup     { width:250px; top:60px; left:370px;}
.Equipment { width:250px; top:90px;left:370px;}
.FindButton{ width:80%; top:120px; left:0px; text-align:right; font:12px "Verdana";}
/* Admin edit */
#adminEdit {}
#adminEdit .findBlock  { }
#adminEdit .findBlock .findBlockContent { height:27px; padding:0px;}
#adminEdit .findBlock .name { width:320px; left:120px;}
#adminEdit table { border-collapse:separate; border-spacing:2px;}
#adminEdit table td { line-height:24px;}
/*CategoryEdit*/
#CategoryEdit {}
#CategoryEdit .findBlock  { }
#CategoryEdit .findBlock .findBlockContent { height:27px; padding:0px;}
#CategoryEdit .findBlock .name { width:320px; left:120px;}
#CategoryEdit table { border-collapse:separate; border-spacing:2px;}
#CategoryEdit table td { line-height:24px;}
/* make reservation */
#MakeReservtion { border:1px solid #ddd;}
#MakeReservtion #MakeR_Block         { width:690px; height:320px; background-color:#f6f6f6;}
#MakeReservtion #MakeR_Block ul      { position:relative; padding:10px;}
#MakeReservtion #MakeR_Block li      { display:block; position:absolute;}
#MakeReservtion #MakeR_Block li p    { display:block; float:right;}
#MakeReservtion #MakeR_Block li span { display:block; float:left;} 
#MakeReservtion #MakeR_Block #Subject    { top:10px;}
#MakeReservtion #MakeR_Block #Subject input { width:570px;}
#MakeReservtion #MakeR_Block #Required   { top:40px;}
#MakeReservtion #MakeR_Block #Required input { width:570px;}
#MakeReservtion #MakeR_Block #Optional   { top:70px;}
#MakeReservtion #MakeR_Block #Optional input { width:570px;}
#MakeReservtion #MakeR_Block #link       {}
#MakeReservtion #MakeR_Block #Category   { width:250px; top:110px;}
#MakeReservtion #MakeR_Block #Category select { width:154px;}
#MakeReservtion #MakeR_Block #HostBy     { width:220px; top:110px; left:300px;}
#MakeReservtion #MakeR_Block #HostBy select { width:154px;}
#MakeReservtion #MakeR_Block #StartTime  { width:290px; top:150px;}
#MakeReservtion #MakeR_Block #StartTime select { width:90px;}
#MakeReservtion #MakeR_Block #EndTime    { width:290px; top:180px;}
#MakeReservtion #MakeR_Block #EndTime select { width:90px;}
#MakeReservtion #MakeR_Block #SendMeeting{ width:200px; top:165px; left:450px;}
#MakeReservtion #MakeR_Block #Resources  { top:220px; }
#MakeReservtion #MakeR_Block #Resources textarea { width:570px;}
/* RecurrenceBlock */
#RecurrenceBlock { margin:0px; padding:0 10px 0 100px; background:url(../images/upload_bg1.gif) no-repeat left center; background-color:#FFF;}
#RecurrenceBlock fieldset {}
#RecurrenceBlock legend { font-size:14px;}
#RecurrenceBlock hr     { margin:0; border:0; padding:0; }
#RecurrenceBlock input  {}
#RecurrenceBlock label  {}
#RecurrenceBlock #Recurrence     { font-size:12px;}
#RecurrenceBlock #Recurrence  p  { display:block; float:left; line-height:30px; height:30px; vertical-align:middle;}
#RecurrenceBlock #RecurrenceRange   { font-size:12px;}
#RecurrenceBlock #RecurrenceRange p { display:block; line-height:30px; margin:5px 0 0 30px; padding:0px 0;}

/*zhy added*/
span.required
{
    color:Red;
}
    










